<template>
  <div class="contact-logo">
<div
    :class="[ $i18n.locale === 'en' ? 'logo-en' : 'logo-zh', 'logo']"
>

</div>
</div>
</template>

<script>
export default {
  name: "Logo",
  methods: {
    handleLogoClick () {
      this.$router.push({
        path: this.$i18n.path('')
      })
      this.$store.commit('SET_MENU_INDEX', 0)
    }
  }
}
</script>

<style scoped>
.contact-logo {
  display: flex;
  justify-content: center;
  align-items: center;
}
.logo {
  width: 256px;
  height: 116px;
  background-size: 256px 116px;
}
.logo-zh {
  background-image: url("https://intelaulinpro.oss-cn-beijing.aliyuncs.com/contact/contact-logo-zh.png");
}
.logo-en {
  background-image: url("https://intelaulinpro.oss-cn-beijing.aliyuncs.com/contact/contact-logo-en.png");
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5){
  .logo-zh {
    background-image: url("https://intelaulinpro.oss-cn-beijing.aliyuncs.com/contact/contact-logo-zh-2x.png");
  }
  .logo-en {
    background-image: url("https://intelaulinpro.oss-cn-beijing.aliyuncs.com/contact/contact-logo-en-2x.png");
  }
}
</style>